<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1.0" name="viewport" />
<meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="description" content="HTML, CSS, js">
<meta name="author" content="poya, dj, view Easy-UI">

<title>弹出式表单成功案例1</title>
<meta property="og:url" content="">
<meta property="og:title" content="EasyUI">
<meta property="og:description" content="HTML, CSS, JS">

<meta property="og:image" content="">
<link href="../assets/css/reset.css" rel="stylesheet" type="text/css" />
<link href="../assets/js/themes/default/easyui.css" rel="stylesheet" type="text/css" />
<link href="../assets/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
<link href="../assets/css/layout.css" rel="stylesheet" type="text/css" />

</head>
<body scroll="no" class="body-pd10">
<div class="dataView-container">
	<div class="table-container">
		<div class="tabs-wrapper">
			<div class="comp-search-box">
				<div class="screen-top">
					<div class="colRow">
						<input id="txtNewPass" type="text" class="easyui-textbox" name="name" data-options="label:'名称',required:true" />
					</div>
					<div class="colRow">
						<input id="numbers" type="text" class="easyui-textbox" name="name" data-options="label:'编号'" />
					</div>
					<div class="colRow">
						<input type="text" id="selest-item" name="" class="easyui-combobox" name="language" label="供应商名称" />
					</div>
					<div class="colRow">
						<button class="easyui-linkbutton btnDefault">
							<i class="fa fa-search"></i>查询
						</button>
						<span class="more" id="click_event"><em class="open"></em>高级查询</span>
					</div>
				</div>

			     <div class="screen-term" id="hidden_enent">
					<div class="colRow">
						<input id="faren" type="text" class="easyui-textbox" name="name" data-options="label:'法人代表'" />
					</div>
					<div class="colRow">
						<input type="text" id="selest-item2" name="" class="easyui-combobox" name="language" label="供应商" />
					</div>
			     </div>
			</div>
			<div class="btnbar-tools">
				<a href="javascript:;" class="add" id="newData"><i class="fa fa-plus-square success"></i>添加</a>
				<a href="javascript:;" class="edit"><i class="fa fa-pencil-square info"></i>编辑</a>
				<a href="javascript:;" class="del"><i class="fa fa-times-rectangle danger"></i>删除</a>
				<a href="javascript:;" class="count"><i class="fa fa-pie-chart purple"></i>统计</a>
				<a href="javascript:;" class="check"><i class="fa fa-check-circle yellow"></i>审核</a>
			</div>
			<table class="table table-fixed table-dotted table-hover">
				<thead>
				    <tr>
				        <th class="checkbox-wh">
				            <input type="checkbox" class="checkbox" id="SelectAll" value="全选" onclick="selectAll();"/> 
				        </th>
			            <th>申请单号</th>
				        <th>状态</th>
				        <th>物料编号</th>
				        <th>物料名称</th>
				        <th>物料类型</th>
				        <th>入库类型</th>
				        <th>申请库房</th>
				        <th>入库数量</th>
				        <th>单位</th>
				        <th>存储期限</th>
				        <th>备注</th>
				        <th class="operation-wh">操作</th>
				    </tr>
				</thead>
				<tbody>
				    <tr>
						<td class="center">
							<input class="checkbox" type="checkbox" />
						</td>
						<td>PI00000000101</td>
						<td><span class="danger">新增</span></td>
				        <td>RY5.680.115.0001</td>
				        <td>线圈</td>
				        <td>原材料</td>
				        <td>原材料入库</td>
				        <td>005-A1</td>
				        <td>98722</td>
				        <td>件</td>
				        <td>2019/02/13</td>
				        <td></td>
				        <td class="updateBtn">
				            <a href="javascript:;" title="删除" class="danger delMsg"><i class="fa fa-trash"></i></a>
							<a href="javascript:;" title="编辑" onclick="newQkialog()" class="info"><i class="fa fa-pencil-square-o"></i></a>
							<a href="javascript:;" title="查看" class="green"><i class="fa fa-eye"></i></a>
				        </td>
				    </tr>
				    <tr>
				        <td class="center">
				            <input class="checkbox" type="checkbox" />
				        </td>				        
			            <td>PI00000000102</td>
						<td><span class="danger">新增</span></td>
						<td>RY5.680.125.0001</td>
				        <td>线圈</td>
				        <td>原材料</td>
				        <td>原材料入库</td>
				        <td>005-A1</td>
				        <td>300</td>
				        <td>件</td>
				        <td>2019/04/23</td>
				        <td></td>
				        <td class="updateBtn">
				            <a href="javascript:;" title="删除" class="danger delMsg"><i class="fa fa-trash"></i></a>
							<a href="javascript:;" title="编辑" onclick="newQkialog()" class="info"><i class="fa fa-pencil-square-o"></i></a>
							<a href="javascript:;" title="查看" class="green"><i class="fa fa-eye"></i></a>
				        </td>
				    </tr>
				    <tr>
				        <td class="center">
				            <input class="checkbox" type="checkbox" />
				        </td>
			            <td>PI00000000103</td>
						<td><span class="success">已提交</span></td>
						<td>RY5.680.615.0001</td>
				        <td>焊条</td>
				        <td>辅料</td>
				        <td>辅料入库</td>
				        <td>005-A1</td>
				        <td>2300</td>
				        <td>盒</td>
				        <td>2019/12/4</td>
				        <td></td>
				        <td class="updateBtn">
				            <a href="javascript:;" title="删除" class="danger delMsg"><i class="fa fa-trash"></i></a>
							<a href="javascript:;" title="编辑" onclick="newQkialog()" class="info"><i class="fa fa-pencil-square-o"></i></a>
							<a href="javascript:;" title="查看" class="green"><i class="fa fa-eye"></i></a>
				        </td>
				    </tr>
				    <tr>
				        <td class="center">
				            <input class="checkbox" type="checkbox" />
				        </td>
			            <td>PI00000000104</td>
						<td><span class="success">已提交</span></td>
						<td>RY5.680.515.0001</td>
				        <td>焊条</td>
				        <td>辅料</td>
				        <td>辅料入库</td>
				        <td>005-A3</td>
				        <td>120</td>
				        <td>盒</td>
				        <td>2019/02/13</td>
				        <td>进口产品</td>
				        <td class="updateBtn">
							<a href="javascript:;" title="删除" class="danger delMsg"><i class="fa fa-trash"></i></a>
							<a href="javascript:;" title="编辑" onclick="newQkialog()" class="info"><i class="fa fa-pencil-square-o"></i></a>
							<a href="javascript:;" title="查看" class="green"><i class="fa fa-eye"></i></a>
				        </td>
				    </tr>
					<tr>
						<td class="center">
						    <input class="checkbox" type="checkbox" />
						</td>
					    <td>PI00000000105</td>
						<td><span class="success">已提交</span></td>
						<td>RY5.680.415.1001</td>
						<td>支架</td>
						<td>产品</td>
						<td>产品入库</td>
						<td>005-A1</td>
						<td>346</td>
						<td>件</td>
						<td>2019/02/13</td>
						<td>进口产品</td>
						<td class="updateBtn">
						    <a href="javascript:;" title="删除" class="danger delMsg"><i class="fa fa-trash"></i></a>
							<a href="javascript:;" title="编辑" onclick="newQkialog()" class="info"><i class="fa fa-pencil-square-o"></i></a>
							<a href="javascript:;" title="查看" class="green"><i class="fa fa-eye"></i></a>
						</td>
					</tr>

					<tr>
						<td class="center">
						    <input class="checkbox" type="checkbox" />
						</td>
					    <td>PI00000000106</td>
						<td><span class="success">已提交</span></td>
						<td>RY5.680.415.1002</td>
						<td>支架</td>
						<td>产品</td>
						<td>产品入库</td>
						<td>005-A1</td>
						<td>346</td>
						<td>件</td>
						<td>2019/02/13</td>
						<td>进口产品</td>
						<td class="updateBtn">
						    <a href="javascript:;" title="删除" class="danger delMsg"><i class="fa fa-trash"></i></a>
							<a href="javascript:;" title="编辑" onclick="newQkialog()" class="info"><i class="fa fa-pencil-square-o"></i></a>
							<a href="javascript:;" title="查看" class="green"><i class="fa fa-eye"></i></a>
						</td>
					</tr>

					<tr>
						<td class="center">
						    <input class="checkbox" type="checkbox" />
						</td>
					    <td>PI00000000107</td>
						<td><span class="success">已提交</span></td>
						<td>RY5.680.315.2001</td>
						<td>焊条</td>
						<td>产品</td>
						<td>产品入库</td>
						<td>005-A1</td>
						<td>346</td>
						<td>件</td>
						<td>2019/02/13</td>
						<td>进口产品</td>
						<td class="updateBtn">
						    <a href="javascript:;" title="删除" class="danger delMsg"><i class="fa fa-trash"></i></a>
							<a href="javascript:;" title="编辑" onclick="newQkialog()" class="info"><i class="fa fa-pencil-square-o"></i></a>
							<a href="javascript:;" title="查看" class="green"><i class="fa fa-eye"></i></a>
						</td>
					</tr>
					<tr>
						<td class="center">
						    <input class="checkbox" type="checkbox" />
						</td>
					    <td>PI00000000105</td>
						<td><span class="success">已提交</span></td>
						<td>RY5.680.415.1001</td>
						<td>支架</td>
						<td>产品</td>
						<td>产品入库</td>
						<td>005-A1</td>
						<td>346</td>
						<td>件</td>
						<td>2019/02/13</td>
						<td>产品</td>
						<td class="updateBtn">
						    <a href="javascript:;" title="删除" class="danger delMsg"><i class="fa fa-trash"></i></a>
							<a href="javascript:;" title="编辑" onclick="newQkialog()" class="info"><i class="fa fa-pencil-square-o"></i></a>
							<a href="javascript:;" title="查看" class="green"><i class="fa fa-eye"></i></a>
						</td>
					</tr>
					<tr>
						<td class="center">
						    <input class="checkbox" type="checkbox" />
						</td>
					    <td>PI00000000105</td>
						<td><span class="success">已提交</span></td>
						<td>RY5.680.415.1001</td>
						<td>支架</td>
						<td>产品</td>
						<td>入库</td>
						<td>005-A1</td>
						<td>3426</td>
						<td>件</td>
						<td>2219/02/13</td>
						<td>进口产品</td>
						<td class="updateBtn">
						    <a href="javascript:;" title="删除" class="danger delMsg"><i class="fa fa-trash"></i></a>
							<a href="javascript:;" title="编辑" onclick="newQkialog()" class="info"><i class="fa fa-pencil-square-o"></i></a>
							<a href="javascript:;" title="查看" class="green"><i class="fa fa-eye"></i></a>
						</td>
					</tr>
					<tr>
						<td class="center">
						    <input class="checkbox" type="checkbox" />
						</td>
					    <td>PI00000000105</td>
						<td><span class="success">已提交</span></td>
						<td>RY5.680.415.1001</td>
						<td>支架</td>
						<td>产品</td>
						<td>产品入库</td>
						<td>005-A1</td>
						<td>346</td>
						<td>件</td>
						<td>2019/02/13</td>
						<td>产品</td>
						<td class="updateBtn">
						    <a href="javascript:;" title="删除" class="danger delMsg"><i class="fa fa-trash"></i></a>
							<a href="javascript:;" title="编辑" onclick="newQkialog()" class="info"><i class="fa fa-pencil-square-o"></i></a>
							<a href="javascript:;" title="查看" class="green"><i class="fa fa-eye"></i></a>
						</td>
					</tr>
					<tr>
						<td class="center">
						    <input class="checkbox" type="checkbox" />
						</td>
					    <td>PI00000000105</td>
						<td><span class="success">已提交</span></td>
						<td>RY5.680.415.1001</td>
						<td>支架</td>
						<td>产品</td>
						<td>入库</td>
						<td>005-A1</td>
						<td>3426</td>
						<td>件</td>
						<td>2219/02/13</td>
						<td>进口产品</td>
						<td class="updateBtn">
						    <a href="javascript:;" title="删除" class="danger delMsg"><i class="fa fa-trash"></i></a>
							<a href="javascript:;" title="编辑" onclick="newQkialog()" class="info"><i class="fa fa-pencil-square-o"></i></a>
							<a href="javascript:;" title="查看" class="green"><i class="fa fa-eye"></i></a>
						</td>
					</tr>
					<tr>
						<td class="center">
						    <input class="checkbox" type="checkbox" />
						</td>
					    <td>PI00000000105</td>
						<td><span class="success">已提交</span></td>
						<td>RY5.680.415.1001</td>
						<td>支架</td>
						<td>产品</td>
						<td>产品入库</td>
						<td>005-A1</td>
						<td>346</td>
						<td>件</td>
						<td>2019/02/13</td>
						<td>产品</td>
						<td class="updateBtn">
						    <a href="javascript:;" title="删除" class="danger delMsg"><i class="fa fa-trash"></i></a>
							<a href="javascript:;" title="编辑" onclick="newQkialog()" class="info"><i class="fa fa-pencil-square-o"></i></a>
							<a href="javascript:;" title="查看" class="green"><i class="fa fa-eye"></i></a>
						</td>
					</tr>
					<tr>
						<td class="center">
						    <input class="checkbox" type="checkbox" />
						</td>
					    <td>PI00000000105</td>
						<td><span class="success">已提交</span></td>
						<td>RY5.680.415.1001</td>
						<td>支架</td>
						<td>产品</td>
						<td>入库</td>
						<td>005-A1</td>
						<td>3426</td>
						<td>件</td>
						<td>2219/02/13</td>
						<td>进口产品</td>
						<td class="updateBtn">
						    <a href="javascript:;" title="删除" class="danger delMsg"><i class="fa fa-trash"></i></a>
							<a href="javascript:;" title="编辑" onclick="newQkialog()" class="info"><i class="fa fa-pencil-square-o"></i></a>
							<a href="javascript:;" title="查看" class="green"><i class="fa fa-eye"></i></a>
						</td>
					</tr>
				</tbody>
			</table>
			<div class="easyui-pagination pagination-vui" data-options="
					total:114,
					layout:['list','sep','first','prev','links','next','last','sep','refresh']
				">
			</div>
		</div>
	
	</div>
	
</div>


<!-- 新增和编辑数据 -->
<div class="dig-wrapper" id="newData-wrapper">
	<div class="form1-column" title="表单示例">
		<form id="vui_sample" class="easyui-form" method="post" data-options="novalidate:true">
			<div class="form-column1">
				<div class="form-column-left">
					<input class="easyui-textbox" name="name" style="width:100%" data-options="label:'申请单号:',required:true">
				</div>
			</div>
			<div class="form-column1">
				<div class="form-column-left">
					<select class="easyui-combobox" name="state" data-options="label:'状态:',required:true" labelPosition="top" style="width:100%;">
						<option value="AL">新增</option>
						<option value="AK">已提交</option>
						<option value="AZ">申请中</option>
						<option value="AR">已入库</option>
					</select>
				</div>
			</div>
			<div class="form-column1">
				<div class="form-column-left">
					<input class="easyui-textbox" name="wznumber" style="width:100%" data-options="label:'物料编号:',required:true">
				</div>
			</div>
			<div class="form-column1">
				<div class="form-column-left">
					<select class="easyui-combobox" name="state" data-options="label:'物料类型:',required:true" labelPosition="top" style="width:100%;">
						<option value="AL">原材料</option>
						<option value="AK">辅料</option>
						<option value="AZ">产品</option>
						<option value="AR">深加工原料</option>
					</select>
				</div>
			</div>
			<div class="form-column1">
				<div class="form-column-left">
					<input class="easyui-textbox" name="sqkf" style="width:100%" data-options="label:'申请库房:',required:true">
				</div>
			</div>
			<div class="form-column1">
				<div class="form-column-left">
					<input class="easyui-textbox" name="sqkf" style="width:100%" data-options="label:'单位:',required:true">
				</div>
			</div>
			<div class="form-column1">
				<div class="form-column-left">
					<input class="easyui-textbox" name="message" style="width:100%;height:60px" data-options="label:'备注:',multiline:true">
				</div>
			</div>
			<div class="form-btnBar pl75">
				<input type="submit" name="" value="保存" class="easyui-linkbutton btnPrimary" onclick="submitForm()" style="width:80px" />
				<input type="submit" name="" value="重置" class="easyui-linkbutton btnDefault" onclick="clearForm()" style="width:80px" />
			</div>
		</form>
	</div>
</div>
<script src="../assets/js/jquery2.1.1.js" type="text/javascript"></script>
<script src="../assets/js/jquery.easyui.min.js" type="text/javascript"></script>
<script src="../assets/js/custom.js" type="text/javascript"></script>
<script src="../assets/js/layer.js" type="text/javascript"></script>
<script src="../assets/json/combobox_data.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
	$('#selest-item').combobox({data:companyNemw,valueField:'id',textField:'text'});//下拉选择
	$('#selest-item2').combobox({data:companyNemw,valueField:'id',textField:'text'});//下拉选择
	$('.comp-search-box').compSearchBox();//高级查询的条件查询

	//删除确认
	$('.delMsg').click(function(){
		layer.confirm('<div class="delMsgTip"><div class="delTip"><i class="icon"></i>你确定要删除当前数据！<br>是“确认”，否“取消”</div></div>', {type:0, title:false, shade:0}, function(index){
		  layer.msg('删除成功！')
		});
	});
	
	//新增数据
	$('#newData').on('click', function(){
		layer.open({
			type: 1,
			skin: 'layui-layer-rim', //加上边框
			area: ['490px', '450px'], //宽高
			content:$('#newData-wrapper'),
			zIndex:1000
		});
	});
	
	$('#storage-time').datebox({    
    	required:true   
	});
});
function submitForm(){//保存提交
	$('#vui_sample').form('submit',{
		onSubmit:function(){
			return $(this).form('enableValidation').form('validate');
		}
	});
}
function clearForm(){//重置表单
	$('#vui_sample').form('clear');
}
</script>
</body>
</html>